<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="__PUBLIC__/css/inn.css" />
<link rel="stylesheet" href="__PUBLIC__/css/miot.css" />
<title>js测试</title>
</head>
<body>
<br/><hr/>
<!--大的盒子div-->
<div id="all">
	<div tag="popup" style="height: 50px;">点击我弹出</div>
	<hr>
	<div tag="time" style="height: 50px;">点击查看时间转换：<b>2014-10-10</b>：<span tag="number"></span></div>
	<!--<hr>-->
	<div tag="float" style="height: 50px; display: none">浮动</div>

	<!--浮动打开时-->

	<div id="id_float" class="modal view fade">
		<div id="title" class="modal-header" style="padding:10px" tag="head">
			<a style="float:right" href="javascript:;" tag="closebtn">关闭</a>
			<h4>哈哈</h4>
		</div>
		<div style="padding:50px">
			欢迎哦
		</div>
		<div style="padding:10px;text-align:center;width:100%" tag="next">下一步</div>
	</div>

	<!--浮动打开时-->

	<!--下一页 关闭-->
	<div id="id_next" class="modal fade" tag="xia">
		<div class="modal-header" style="padding:10px">
			<a style="float:right" href="javascript:;" tag="closebtn">关闭</a>
			<h4>haha</h4>
		</div>
		<div style="padding:50px">
			Welcome
		</div>
	</div>
	<!--下一页 关闭-->

	<hr/>

	<div style="height: 50px;">添加
		<form role="search" action="__CONTROLLER__/add" method="get">
			<input type="text" name="oname" value="" class="form-control ls-input" placeholder="添加">
			<button type="submit"><span class="glyphicon glyphicon-search">添加</span></button>
		</form>
	</div>

	<hr/><br/>
	<p style="font-size: 16px;">以下为微信测试</p>

	<br/>
	<button id="locationtest">查看我的位置</button>

	<br/><br/>
	<button id="sharefriendtest">分享给朋友</button>

</div>

</body>
</html>

<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery-ui.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/miot.js"></script>
<script type="text/javascript" src="__PUBLIC__/pagejs/testjs.js"></script>

<!--微信jssdk-->
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script>
	wx.config({
		debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		appId: "{$signinfo['appId']}", // 必填，公众号的唯一标识
		timestamp:"{$signinfo['timestamp']}", // 必填，生成签名的时间戳
		nonceStr: "{$signinfo['nonceStr']}", // 必填，生成签名的随机串
		signature: "{$signinfo['signature']}",// 必填，签名，见附录1
		jsApiList: ['onMenuShareTimeline','onMenuShareQZone','openLocation','getLocation','onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
	});

	wx.error(function(res){
		// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。

	});

	wx.ready(function(){
		// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。

		//查看我的位置
		$('#locationtest').click(function(){
			wx.getLocation({
				type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
				success: function (res) {
					var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
					var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
					var speed = res.speed; // 速度，以米/每秒计
					var accuracy = res.accuracy; // 位置精度

					wx.openLocation({
						latitude: latitude, // 纬度，浮点数，范围为90 ~ -90
						longitude: longitude, // 经度，浮点数，范围为180 ~ -180。
						name: '我的地址', // 位置名
						address: '欢迎', // 地址详情说明
						scale: 28, // 地图缩放级别,整形值,范围从1~28。默认为最大
						infoUrl: "{$siteurl}" // 在查看位置界面底部显示的超链接,可点击跳转
					});
				}
			});
		});

		//分享给朋友
		$('#sharefriendtest').click(function(){
			alert("请点击右上角分享给朋友");
			return;
		});

		wx.onMenuShareAppMessage({
			title: "{$linkinfo['title']}", // 分享标题
			desc: "{$linkinfo['desc']}", // 分享描述
			link: "{$linkinfo['link']}", // 分享链接
			imgUrl: "{$linkinfo['imgUrl']}", // 分享图标
			type: 'link', // 分享类型,music、video或link，不填默认为link
			dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
			success: function () {
				// 用户确认分享后执行的回调函数
			},
			cancel: function () {
				// 用户取消分享后执行的回调函数
			}
		});


	});


</script>
